<!DOCTYPE html PUBLIC 
    "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
<html 
	xmlns="http://www.w3.org/1999/xhtml" 
	xmlns:ui="http://java.sun.com/jsf/facelets" 
	xmlns:h="http://java.sun.com/jsf/html" 
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk"> 

	<ui:composition template="t_base.xhtml">

	<!--
	OK, this is REALLY ugly... 
	To do: get rid of the hardcoded styling. Why else do we have CSS ?
	-->
	<ui:define name="header">
		<!-- Home page -->
		<h:outputLink styleClass="headermenu" value="home.jsf"
			style="#{view.viewId == '/home.xhtml' ? 
 					'background:url(\'images/bluebar_dark_inv.bmp\');padding-top:5px;padding-bottom:5px;border-style:none;' : ''}">
			<h:outputText value="#{msgs['topmenu.home']}" />
		</h:outputLink>

		<!-- Message Broker page -->
		<h:outputLink styleClass="headermenu" value="broker.jsf"
			style="#{view.viewId == '/broker.xhtml' ? 
 					'background:url(\'images/bluebar_dark_inv.bmp\');padding-top:5px;padding-bottom:5px;border-style:none;' : ''}">
			<h:outputText value="#{msgs['topmenu.mq']}" />
		</h:outputLink>

		<!-- Message Router page -->
		<h:outputLink styleClass="headermenu" value="router.jsf"
			style="#{view.viewId == '/router.xhtml' ? 
 					'background:url(\'images/bluebar_dark_inv.bmp\');padding-top:5px;padding-bottom:5px;border-style:none;' : ''}">
			<h:outputText value="#{msgs['topmenu.router']}" />
		</h:outputLink>		

		<!-- ESB page -->
		<h:outputLink styleClass="headermenu" value="esb.jsf"
			style="#{view.viewId == '/esb.xhtml' ? 
 					'background:url(\'images/bluebar_dark_inv.bmp\');padding-top:5px;padding-bottom:5px;border-style:none;' : ''}">
			<h:outputText value="#{msgs['topmenu.esb']}" />
		</h:outputLink>

		<!-- Configuration page -->
		<h:outputLink styleClass="headermenu" value="config.jsf"
			style="#{view.viewId == '/config.xhtml' ? 
 					'background:url(\'images/bluebar_dark_inv.bmp\');padding-top:5px;padding-bottom:5px;border-style:none;' : ''}">
			<h:outputText value="#{msgs['topmenu.configuration']}" />
		</h:outputLink>
		
		<!-- Logout action -->
		<h:outputLink styleClass="headermenu" value="login.jsf">
			<h:outputText value="#{msgs['topmenu.logout']}" />
		</h:outputLink>
	</ui:define>
	</ui:composition>
</html>